.music_list_page {
   width: 100%;

   .cover {
      width: 100%;
      padding: 10px 20px 20px 20px;
      border-bottom: 1px solid #343434;
   }

   .flex_1{
    flex: 1;
   }

   .cover_top {
      display: flex;
      .cover_image {
         width: 130px;
         height: 130px;
      }

      .info {
          flex: 1;
          display: flex;
          flex-direction: column;
          padding: 10px 0 10px 20px;
      }

      .name {
          font-size: 16px;
          color: #fff;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
      }

      .description {
         font-size: 12px;
         color: #fff;
         display: -webkit-box;
         -webkit-box-orient: vertical;
         -webkit-line-clamp: 2;
         overflow: hidden;
      }
   }

   .cover_bottom {
      display: flex;
      justify-content: space-between;
      font-size: 14px;
      color: #fff;
      margin-top: 20px;

      .like , .comment,.share{
         display: flex;
         justify-content: center;
         align-items: center;
      }

     .like_icon ,.comment_icon,.share_icon{
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        background-image: url("./../images/follow_icon.png");
        background-size: 90% auto;
        background-position: center center;
        background-repeat: no-repeat;
        margin-right: 4px;
     }

     .comment_icon {
        background-image: url("./../images/comment_icon.png");
     }

     .share_icon {
       background-image: url("./../images/share_icon.png");
     }
   }

  .music_wrapper {
     padding-right: 16px;
  }

  .music {
     font-size: 14px;
     color: #fff;
     display: flex;


     .left{
        width: 50px;
        font-size: 18px;
        color: #ccc;
        display: flex;
        justify-content: center;
        align-items: center;
        span {
           display: block;
        }
     }

     .right {
       display: flex;
       flex: 1;
       padding: 12px 2px;
       border-bottom: 1px solid #343434;

     }

     .music_detail {
        flex: 1;
     }

     .music_title {
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       overflow: hidden;
     }

     .music_art {
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 1;
       overflow: hidden;
       font-size: 12px;
       color: #aaa;
       margin-top: 10px;
     }
  }
}